<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="css/GroupManage.css" rel="stylesheet" type= "text/css"/>
<style>
div{border: 0px solid black;}
#whole{
	width:100%;
	height:100%;
	background:#eeeeee;
	border: 0px solid black;
}
#box{
	margin:0 auto;
	_height:300px;
	min-height:300px;
	width:600px;
	padding-left:7px;
	background:#fcfcfc;
	border-radius: 10px;
	border: 1px solid;
	border-color:#cccccc;
	
}
#head{
	width:100%;
	height:30px;
}
#head-left{
	width:30%;
	height:20px;
	float:left;
	padding-left:10px;
	padding-top:7px;
}
#head-center{
	width:30%;
	height:20px;
	float:left;
	margin-left:20px;
	text-align:center;
	padding-top:7px;
}
#head-right{
	width:30%;
	height:20px;
	float:right;
	padding-top:7px;
	text-align:right;
	margin-right:10px;
}
#content{
  	width:100%;
	height:210px;
	min-height:210px;
	padding-left:30px;
}
#page{
	width:99;
	height:50px;
	text-align:center;
}
#title{
	margin:0 auto;
	height:60px;
	width:600px;
}
</style>
<title>member</title>
<script type="text/javascript" src="jquery/jquery-3.2.1.js"></script>
<script type="text/javascript">

</script>
</head>
<body bgcolor="#eeeeee">
 <header>
    <nav>
        <div class = "name" ><a href="#">欢迎：XXX</a></div>
      <ul>
           <li><a href="Login.jsp">切换账号</a></li>
             <li><a href="administer.jsp">返回</a></li>
      </ul>
    </nav>
  </header>
<div id="title"><h1 style="text-align:center;color:#039BE5">分组管理系统</h1></div>
<div id="box">
	<div id="head">
		<div id="head-center">组名:xxx</div>
		<div id="head-right">组长:xxx</div>
	</div>
	<div id="content">
	<br>
			<table border="1px solid black">
				<tr>
					<th style="width:200px;border-color:#cccccc">姓名</th>
					<th style="width:200px;border-color:#cccccc">职责</th>
				</tr>
					<tr>
						<td style="text-align:center;border-color:#cccccc"><c:out value="xxx" /></td>
						<td style="text-align:center;border-color:#cccccc"><c:out value="前端" /></td>
					</tr>
					<tr>
						<td style="text-align:center;border-color:#cccccc"><c:out value="xxx" /></td>
						<td style="text-align:center;border-color:#cccccc"><c:out value="前端" /></td>
					</tr>
					<tr>
						<td style="text-align:center;border-color:#cccccc"><c:out value="xxx" /></td>
						<td style="text-align:center;border-color:#cccccc"><c:out value="前端" /></td>
					</tr>
			</table>
	</div>
	<div id="page">
		<a href="#">首页</a>
		<a href="#">上页</a>
		<a href="#">下页</a>
		<a href="#">尾页</a>
		
	</div>
</div>
</body>
</html>